/********************公共部分**********************************/
/*整体布局*/
body,html{width:100%;height: 100%;margin: 0;padding: 0;background:#f7f7f7;}
a{text-decoration: none;color:#3c2f01;}
a:hover{text-decoration: none;}
a:active{color:#3c2f01;text-decoration: none;}
ul{padding:0}
ul li{list-style: none;}

/*字体 字号 色号*/
/*****说明：选中底色--#f0f0f0*******/
.font_t{color:#242323}/*标题颜色*/
.font_n{color:#3c2f01;}/*导航颜色*/
.font_i{color:#5c5c5c;}/*商品列表灰色文字颜色*/
.font_red{color:#fe0000}/*商品列表红色文字颜色*/
.font_bot_g{color:#4e4e4e}/*底部未选中时 文字  灰色*/
.font_bot_y{color:#F5AB24}/*底部选中时文字 黄色*/

.clear{clear:both}

/********************公共部分  结束**********************************/
/****************一级布局*********************/
.top{
	position: fixed;
	top:0;
	z-index: 299;
	width:100%;height: 1rem;line-height: 1rem;
	background: white;
	color:#333333;
	font-size: 0.37rem;
	text-align: center;
}
.myswiper{
	width:100%;height: 4.28rem;
	margin-top:1rem;
	left:0;
	background: white;
	padding:0;
	
}

.main{
	width:100%;height: auto; 
	min-height: 10rem;/*测试用*/
	margin-top: 0.2rem;
	padding-bottom: 1.1rem;
	/*margin-bottom: 1.2rem;*/
	
}
/*******************************************/

/**input默认文字颜色*/
/*//chrome谷歌浏览器，Safari苹果浏览器*/

.top .searchbar .search_text::-webkit-input-placeholder { /* WebKit browsers */ 
	color: white;
	letter-spacing: 1px;
	font-size:0.25rem;
}

/*//firefox火狐浏览器*/
.top .searchbar .search_text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	color: white;
	opacity:  1;
	letter-spacing: 1px;
	font-size:0.25rem;
} 
.top .searchbar .search_text::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color: white;
	letter-spacing: 1px;
	font-size:0.25rem;
}

/*//IE浏览器*/
.top .searchbar .search_text:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	color: white;
	letter-spacing: 1px;
	font-size:0.25rem;
}
/********************头部结束**********************/

/**********头部明细****************/
/*返回箭头*/	
.top .return:before{
	content:''; 
	height:0.3rem; 
	width:0.3rem; 
	display:block; 
	border:2px solid #555555;
	border-right-width:0; 
	border-bottom-width:0;   
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position: absolute;
	top:0.35rem;
	left:0.5rem;
}
.top span{
	font-size: 0.37rem;
	color:#333333;
}
.top .top_right{
	float:right;
	position:absolute;
	/*margin-right: 0.37rem;*/
	right: 0.37rem;top:0;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.313rem;color:#f5ab24;
}
/************头部 结束******************/
/*********************轮播图***********************/
.swiper-container {
	width:100%;height: 100%;
	padding:0;margin: 0;
	
}
.swiper-container .swiper-wrapper .swiper-slide img{
	width:100%;height: 100%;
}
/*********************轮播图  结束*********************/
/***********************导航************************/
.nav ul{
	width:100%;height: auto;
	 margin: 0; 
}
.nav ul li{
	float:left;
	text-align: center;
	height: 2.13rem;
}

.nav ul li a{
	display: block;
	width:100%;height: 100%;
	box-sizing: border-box;
	background:white;
	padding:0.07rem 0 0.15rem 0;
}
.nav ul li .active{
	background:#f0f0f0;
}
.nav ul li a img{
	width:1.48rem;height: 1.21rem;
}
.nav ul li a .nav_text{
	width:100%;
	height: 0.25rem;line-height: 0.25rem;
	margin-top:0.3rem;
	font-size: 0.28rem;
	color:#3c2f01;
	
}
/***********主要内容*************/

.main_title{
	width:100%;height: 1.1rem;
	background:white;
	box-sizing: border-box;
	padding:0 0.25rem 0.1rem 0.25rem;
	
}

.main_title .main_til_con{
	width:100%;height: 1.1rem;line-height: 1.1rem;
	border-bottom: 1px solid #9D9D9D;
}
/*标题*/
.t_text{
	position:relative;
	display: inline-block;
	z-index:99;
	float:left;
	margin-left: 39%;height: 0.9rem; line-height: 0.9rem;
	background:white;margin-top:0.15rem;
	padding:0 0.1rem;
}
.main_title hr{
	display: block;
	z-index:-1;
	margin-top:-0.5rem;
	margin-left:20%;
	float:left;
	width:60%;
	border:1px solid #242323;
	
}
.main .items{
	width:100%;
	min-height: 4.5rem;
	height: auto;
	font-size: 0.36rem;
	/*border:1px solid yellow;*/
}
/*门店明细*/
.items>a{
	
	display: block;width:100%;height:5.63rem;
	margin-top:0.2rem;
	color:#242323;
	}
.item{
	width:100%;height: 100%;
	background:white;
	
}
.items .item:first-child{margin-top:0;}
/*店铺详细  头部*/
.item .item_top{
	height: 1.25rem;line-height: 1.25rem;
	width: 100%;
	box-sizing: border-box;
	padding-left:0.18rem;
	padding-right: 0.25rem;
}
/*店铺详细  头部  左侧*/
.item_top .item_pic{
	float:left;
	height:1.25rem;line-height: 1.25rem;
	
}
/*店铺详细 头部 右侧箭头*/
.item_top .item_arrow{
	float:right;
	width:auto;
	height: 0.27rem;
	margin-top:-0.1rem;
}
/*店铺详细左侧  图片*/
.item_pic img{
	width:0.79rem;height: 0.79rem;
	border:1px solid red;
	margin-right: 0.2rem;
}
.item_pic span{
	font-size: 0.3rem;
	top:0.4rem;
	
}
.item_top .item_arrow img{
	width:auto;
	height: 0.27rem;
	
}
/*店铺详细 底部*/
.item_bot{
	width:100%;height: 4rem;
	box-sizing: border-box;
	padding:0 0.1rem;
	text-align: center;
	
}
.item_bot .dp_pic{
	width:100%;height: 100%;
	background:url(../images/icons/15.png) center no-repeat;
	background-size: 100%;
	
}
.item_bot .dp_pic .dp_text{
	z-index: 10;
	width:100%;height: 100%;border:1px solid white;
	background: rgba(0,0,0,0.2);
	text-align: center;
	color:white;
}
 .dp_text .dp_text_msg{
 	height: auto;line-height: 0.35rem;
 	font-size: 0.32rem;
 	margin-top: 1.378rem;
 	margin-left: 30%;
 	width:40%;
 	overflow: hidden;
 	text-align: center;
 }

/**选择区*/
.city_cho{
	position: fixed;
	width:100%;height: 100%;top: 0;
	background: rgba(0,0,0,0.6);
	z-index: 399;
}
.city_cho_text{
	position: absolute;
	width:84%;height: auto;
	left:8%;top: 2.32rem;
	background: white;
	box-sizing: border-box;
	padding:0.45rem 0.2rem 0.1rem 0.2rem;
}
.city_cho_text .city_title{
	width:100%;height: auto;
	font-size: 0.29rem;color:#999999;
	padding-left: 0.18rem;
}
.city_cho_text .city_title a span{
	
	font-size: 0.29rem;color:#999999;
}
.close{
	width: 0.31rem;height: auto;
}
.city_cho_text .areas{
	width:100%;height: auto;
	
	margin-top: 0.2rem;
}
.city_cho_text .areas ul{
	width:100%;height: 100%;
}
.city_cho_text .areas ul li{
	float:left;
	width:1.6rem;height: 0.73rem;line-height: 0.73rem;
	border:1px solid #f7f7f7;
	font-size: 0.313rem;
	margin-left:0.17rem;
	margin-right: 0.17rem;
	margin-bottom: 0.34rem;
	color:#444444;
	text-align: center;
	overflow: hidden;
	box-shadow: 1px 1px 1px #888888;
}
